﻿*{padding:0;margin:0;}
.clear{clear:both;overflow:hidden;}
ul{list-style:none;}
.container{width:800px;margin:50px auto;}
.container li{
	float:left;
	width:170px;
	margin:15px 10px;/*	横竖排间距*/
	padding:5px;
	border-radius:5px;
	box-shadow:0 0 2px rgba(0,0,0,.5);/* 设置阴影颜色 */
}

.container li img{
	width: 170px;;
	height:120px;
	border-radius:5px;
	vertical-align:bottom;
}



/*使照片墙艺术倾斜, 动画效果*/
/*第一张图片 沿X轴顺时针旋转30度*/

.container li:nth-child(1){

	transform: rotate(30deg);
}
.container li:nth-child(2){

	transform: rotate(-15deg);
}

.container li:nth-child(3){

	transform: rotate(20deg);
}
.container li:nth-child(4){

	transform: rotate(-10deg);
}

.container li:nth-child(5){

	transform: rotate(10deg);
}
.container li:nth-child(6){

	transform: rotate(-5deg);
}

.container li:nth-child(7){

	transform: rotate(10deg);
}

.container li:nth-child(8){

	transform: rotate(-10deg);
}


/*鼠标移上去,照片恢复原位,缩放效果*/

.container li:hover {


transform:rotate(0deg) scale(1.1);

}



